<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<script src="onerway.js"></script>
	</head>
	<body>
		<div id='pacypay_checkout'></div>
	</body>
	<script type="text/javascript">
	

		const options = {
			container: 'pacypay_checkout', // 容器id。默认pacypay_checkout
			locale: 'zh-cn', // 收银台语言。根据实际情况填写，详见下方locale参数说明
			environment: 'sandbox', // 环境类型。支持沙盒、生产环境，详见下方environment参数说明。
			mode: 'CARD', // 支付方式。支持 收银台、Apple Pay、Google Pay，详见下方mode参数说明
			config: {
			    subProductType: 'TOKEN', // DIRECT -直接支付； TOKEN -绑卡支付；SUBSCRIBE -订阅支付
			    checkoutTheme: 'light', // light -浅色主题； dark -深色主题
			    customCssURL: '', // 自定义样式链接地址。配置该值后，checkoutTheme 会失效
			    showPayButton: true, // 是否显示支付按钮。详见下方 showPayButton 参数说明
			    buttonSeparation: false, // 绑卡与支付是否分步操作。 详见下方 buttonSeparation 参数说明
			    displayBillingInformation: true, // 是否显示账单信息。详见下方 displayBillingInformation 参数说明
			    variables: {
			        // 自定义主题色变量名。详见下方 variables 参数说明
			    },
			    styles: {
			        // 自定义样式。详见下方 styles 参数说明
			    }
			},
			onPaymentCompleted: function(res) {
			   console.info('onPaymentCompleted',res)
			 	//成功支付后回调方法
			   const txtInfo = res.data; // 返回交易结果详情
			   const respCode = res.respCode; // 响应码
			   const respMsg = res.respMsg; // 响应信息
			   if(respCode === '20000') { // respCode 为 20000 表示交易正常
			     switch (txtInfo.status) { // 交易状态判断
			       case 'S': // status 为 'S' 表示成功
			       // 支付最终状态以异步通知结果为准
			       break;
			       case 'R': // status 为 'R' 表示需要3ds验证
			       // 当交易状态为 R 时，商户需要重定向到该URL完成部分交易，包括3ds验证
			       window.location.href = txtInfo.redirectUrl;
			       break;
			     }
			   } else {
			   		// 交易失败

			   }
			},
			onError: function(err) {
			//支付异常回调方法
   			console.log('error',err);
			}
		}
		let transactionId='1831939921066463232'
		const pacypay = new Pacypay(transactionId, options)

		// pacypay.submit({
		  
		// });
	</script>
</html>